<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_eixos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>
        <h:form id="formCurso">
            <f:metadata>
                <f:viewParam name="id" value="#{metaavaliacaoBean.metaavaliacao}"/>
            </f:metadata> 
            <div id="wrap_site">
                <div id="topo">
                    <ui:include src="/resources/site/top.xhtml" />
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> 
                        
                       <ui:include src="/resources/site/lateralAvaliacao.xhtml" />
                    </div>
                    <div id="sidebar_right">
                        <div id="bg_l1_bibliometria" style="min-height:244px;background-color: #d8e8d3">
                            <img src="../images/detalhe_caixas.png" class="det_caixas float_left" />
                            <h1 class="titulo_pagina">Metavaliação</h1>
                            <p class="texto_destaque texto_vermelho">Título: <b>#{metaavaliacaoBean.metaavaliacao.titulo}</b></p>
                            <br />
                            <br />
                            <p class="texto_destaque texto_vermelho">Tipo:</p>
                            <p><h:outputText value="#{metaavaliacaoBean.metaavaliacao.tipo}" style="white-space: normal"  /></p>
                            <br />



                        </div>



                    </div>

                    <div class="clear_float"> </div>

                    <div class="cinza_medio recuo_15px" style="margin:0 20px 20px 20px;background-color: #d8e8d3 ">

                        <table width="100%" border="0">
                            <tr>
                                <td>
                                    <span class="cinza_medio recuo_10px" >
                                        <h:commandButton image="../images/seta_voltar2.png" action="/eixo_avaliacao/resultado_meta.xhtml?faces-redirect=true" style="height: 11px" value="Voltar" />
                                    </span>
                                </td>
                                <td align="right">
                                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print"> 
                                        <p:printer target="display" />  
                                    </p:commandButton>  

                                </td>
                            </tr>
                        </table>

                        <p:panel id="display" footer="Observatório da Formação em Gestão Social"  style="text-align: center;width: 100%"  >  
                            <div align="left" >
                                <p>
                                    <div align="center">
                                        <h1 class="titulo_pagina">Metaavaliações</h1>
                                    </div><br/>
                                    <div align="center"><h3><b>   <h:outputText value="#{metaavaliacaoBean.metaavaliacao.titulo}"  /></b></h3></div><br/>
                                    <b>Tipo: </b> <h:outputText value="#{metaavaliacaoBean.metaavaliacao.tipo} " style="white-space: normal"  /><br/>
                                    <b>Ano: </b> <h:outputText value="#{metaavaliacaoBean.metaavaliacao.ano}" /><br/>
                                    <b>Local: </b> <h:outputText value="#{metaavaliacaoBean.metaavaliacao.local}"/><br/>
                                    <b>UF: </b> <h:outputText value="#{metaavaliacaoBean.metaavaliacao.uf}" /><br/>
                                    <b>Disponível no Link: </b> <h:outputLink  value="http://#{metaavaliacaoBean.metaavaliacao.link}">#{metaavaliacaoBean.metaavaliacao.link}</h:outputLink><br/>
                                    <br/>
                                    <p:panel header="Equipe:" >

                                        <h:outputText value="#{metaavaliacaoBean.metaavaliacao.equipe}" escape="false" />
                                    </p:panel>
                                    <br/>
                                    <p:panel header="Descrição:" >
                                        <h:outputText value="#{metaavaliacaoBean.metaavaliacao.descricao}" escape="false" />
                                    
                                        
                                    </p:panel>
                                    

                                </p>
                                

                            </div>

                        </p:panel>



                    </div>

                </div> <!--END CONTEUDO-->

               <ui:include src="/resources/site/rodape.xhtml" />





            </div> <!--END WRAP SITE-->




        </h:form>
    </h:body>
</html>

